<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="cjw">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
	*{margin: 0; padding: 0;}
	ul{padding:10px;}
	ul li{width:211px;height:309px;border: 1px solid rgba(204, 207, 208, 0.26);list-style-type:none; float:left;overflow:hidden;padding:4px; margin-left:20px;margin-top:20px;}
	ul li:hover{box-shadow: 0px 0px 10px -1px #adaba6;cursor:pointer;}
		
	ul li div:nth-child(1){height:230px;}
	ul li div:nth-child(2){text-align:center;height:23px;}
	ul li div:nth-child(2) span{font-size: 14px;font-family: sans-serif;margin-left: 2px; color:#555;}

	ul li div:nth-child(3){text-align:center;height:25px;}
	ul li div:nth-child(3) span{font-family: fantasy;color: red;font-size: 22px; line-height:21px;font-weight: bold;}

	ul li div:nth-child(4) a{width:211px;height:30px;display:block; color: #fff; background:#f90;text-align:center; line-height:30px;cursor:pointer;border-radius:5px;}
	ul li div:nth-child(4) a:hover{background:#ec8d00;}
	/*
	ul{padding:10px;}
	ul li{width:211px;height:309px;border: 1px solid rgba(204, 207, 208, 0.26);list-style-type:none; float:left;overflow:hidden;padding:4px; margin-left:20px;margin-top:20px;}
	ul li:hover{box-shadow: 0px 0px 10px -1px #adaba6;cursor:pointer;}
	ul li a{width:211px;height:30px;margin:4px auto;display:block; color: #fff; background:#f90;text-align:center; line-height:30px;cursor:pointer;border-radius:5px;}
	ul li a:hover{background:#ec8d00;}
	ul li .price{font-family: fantasy;color: red;font-size: 22px;line-height:12px;}
	ul li span{font-size: 14px;font-family: sans-serif;margin-left: 2px;}
	*/
  </style>
 </head>
 <body>
	<ul>
		<li>
			<div>
				<img src="E:/tako/tako1.jpg" alt='' width='211px' height='230px'/>
			</div>
			<div>
				<span>好看的上衣</span>
			</div>
			<div>
				<span>120元</span>
			</div>
			<div>
				<a class='a_button' title='点击加入购物车'>加入购物车</a>
			</div>
		</li>
	</ul>
	<script>
	</script>
 </body>
</html>